/* 
    *项目名称: 久亿蓝模板-demo.css
    *开发人员团队: LingDu前端-久亿
    *开发日期: 2021/2/28
    *作者邮箱: 1485673074@qq.com
*/
body{
    background: #F4F7F7;
    font-family: "Microsoft Yahei";
}
a{
    text-decoration: none !important;
}
#navbar{
    height: 70px !important;
    background-color:#ffffff !important;
    box-shadow: 0px 1px 2px 0px rgb(0 0 0 / 5%);
}
.nav-link{
    color: #999 !important;
    font-size: 15px;
}
.logo{
    font-size: 20px;
    color: #10adf5 !important;
}
.banner{
    background: #ffffff;
}
.btn-jy{
    width: 140px;
    padding: 10px;
    background: #10adf5;
    color: #ffffff;
    border-radius: 25px;
    opacity: 1;
}
.btn-jy:hover{
    color: #ffffff !important;
    box-shadow: 0px 1px 2px rgb(0 0 0 / 15%);
    opacity: 0.6;
    transition: opacity 0.4s;
}
.banner-text{
    color: #999;
}
.banner-text:hover,#banner-title2:hover{
    padding-left: 10px;
    transition: padding-left 0.4s;
}
.product{
    background: #fff;
}
.product-text{
    color: #999;
}
.product-i-1{
    width: 45px;
    height: 45px;
    background: #efefef;
    border-radius: 25px;
    text-align: center  !important;
    font-size: 20px !important;
    display: inline-block;
}
.product-i-text{
    color: #999;
}
i{
    color: #10adf5;
    line-height: 45px !important;
}
.swiper-container{
    width: 800px;
    height: 500px;
}
.swiper-text{
    color: #999;
}
.swiper-i-1{
    width: 45px;
    height: 45px;
    background: #10adf5;
    border-radius: 25px;
    text-align: center  !important;
    font-size: 20px !important;
    display: inline-block;
}
.swiper-i{
    color: #fff;
    line-height: 45px !important;
}
.swpier-div{
    padding-top: 30px;
}
.bottom{
    background: #222;
}
.bottom-title{
    color: #fff;
}
.bottom-a{
    color: #9d9d9d !important;
}
.bottom-a:hover{
    color: #4d4d4d !important;
}
/* media宽度小于576px */
@media screen and (max-width: 576px){
    #banner-img2{
        display: none;
    }
    #banner-title2{
        display: none;
    }
    .banner-img{
        width: 350px;
        height: 250px;
    }
    #navbar-text{
        display: none;
    }
    .product-i-text{
        font-size: 14px !important;
    }
    #product-1{
        display: none;
    }
    .swiper-container{
        width: 350px;
        height: 240px;
    }
    
}
/* media宽度大于576px */
@media screen and (min-width: 576px){
    #banner-img1{
        display: none;
    }
    #banner-title1{
        display: none;
    }
    #product-2{
        display: none;
    }
}
